
html,body{
    width: 100%;

    margin: 0;
    padding: 0;
    top:0;
    left:0;
    background: #ffffff;
    overflow:auto;/*滑动*/
    font-size:10px;


}
li,.nav,.navbar-header{
    display: inline-block;
    vertical-align: middle;/*居中*/

}

.headerImg{
    width: 131px;
    height: 24px;
    margin: 30px 0;
}
.navbar-header{
    width: 30%;
    text-align: center;
}


a{
    color: #777;
   text-decoration: none;/*去掉下划线*/


}
/*点击之后的样式*/
a:link{
    list-style: none;
    text-decoration: none;
}
/*鼠标滑过事件*/
a:hover{
    color: #007aff;
}

li{
    font-size: 14px;
    text-indent: 32px;/*缩进*/
}
.background{
    width: 100%;
    height: 500px;
}
ul{
    text-indent: 40px;
}
.info{
    width: 100%;
    height: 2000px;
}
.headerBtn{
    height: 430px;
    width: 100%;
    text-align: center;/*居中*/

}
.infoImg,.reportImg{
    display: none;
    height: 60px;
    position: absolute;/*绝对定位*/
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50%) ;
    margin-top: -20px;

}
.infoBtn,
.reportBtn{
    display: inline-block;/*不独占一行*/
    position: relative;/*相对定位*/
    top: 50%;
    transform: translate( 0, -50%) ;
    width: 160px;
    height: 160px;
    border-radius: 200px;/*设置圆角*/
}
.blue{
    border: 1px solid #38b4ff;
    color: #38b4ff;
}
.infoBtn{
    margin-right: 50px;

}
.reportBtn{
    margin-left: 50px;
}
.text{
    font-size: 20px;
    position: absolute;;
    top: 70%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/*加蓝下划线*/
.select::after{
    content: " ";
    position: absolute;
    width: 42px;
    height: 4px;
    background-color: #38b4ff;
    border-radius: 2px;/*圆角*/
    bottom: 0px;
    left: 50%;
    -webkit-transition: all .3s;
    transition: all .3s;
    transform: translate(-50%, 15px);

}

/*新闻*/
.info_item{
    margin: 0 100px ;
    /*calc计算 */
    width: calc(100% - 260px);
    padding: 30px;
    border: 1px solid #e1e1e1;
    vertical-align: top;
    position: relative;
}
.info_item img{
    width: 381px;
    height: 220px;
}
.info_item>a>div{
    display: inline-block;/*不独占一行*/
    width: calc(100% - 450px);

}
.info_title{
    height: 50px;
    font-size: 20px;
    position: absolute;
    top: 30px;
    transform: translateX(30px);
    font-weight: 700;
    color: #000000;
}
.info_date{
    height: 50px;
    text-align: right;
    position: absolute;
    top: 80px;
    right: 50px;
    font-size: 20px;
    color: #000000;
}

.info_text{
    height: 100px;
    font-size: 18px;
    position: absolute;
    top: 150px;
    transform: translateX(30px);
    width: calc(100% - 470px);
    color: #000000;
    line-height: 35px;
}
.info_blue{
    color: #38b4ff;
}
.y{
    box-shadow:0px 0px 30px #b4b4b4;
}
